<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
body{
	background-image: url("../imgs/2.jpg")
	}
body>div{
	width: 253px;
	background-color: rgba(250,250,250,0.2);
	padding: 20px;
}	
input{
	width: 213px;
	border: 0;   /*去掉自带的文本边框*/
	padding: 10px 10px;   /*文本框的内边距*/
}
img{
	position: absolute;
	top:3px;
	right: 20px;
}
div>div{
	position: relative;  /*作为位置参考  */
}
p{
	font-size: 12px;
	color:red;
	margin-top: 5px;  /*段落的上外边距*/
}
</style>
</head>
<body>
 <div>
 	<div>
 	<input type="text" placeholder="请输入您的用户名">
 	<img src="http://doc.canglaoshi.org/tstore_v1/images/login/yhm.png">
 	<p>用户名不能为空</p>
 	</div>
 	 	<div>
 	<input type="password" placeholder="请输入您的密码">
 	<img src="http://doc.canglaoshi.org/tstore_v1/images/login/mm.png">
 	<p>密码不能为空</p>
 	</div>
 </div>
</body>
</html>